<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:rsf="http://ponder.org.uk" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Site Page Order</title>
	<link href="/library/skin/tool_base.css" rsf:id="scr=portal-matter" type="text/css" rel="stylesheet" media="all"/>
	<link href="/library/skin/default-skin/tool.css" rsf:id="scr=portal-matter" type="text/css" rel="stylesheet" media="all"/>
	<link href="../css/PageList.css" rel="stylesheet" type="text/css" />
	<script rsf:id="resize"/>
	<script src="../js/orderUtil.js" rsf:id="scr=rewrite-url" defer="1"></script>
	<script src="/library/js/headscripts.js"></script>
	<script src="/library/js/spinner.js"></script>
</head>

<body>
 	<div id="page-order-body" class="portletBody">
		<a href="#" rsf:id="redirect">go back</a>
		<div rsf:id="content:">
			<div class="page-header">
				<h1 rsf:id="msg=page_title">page_title</h1>
			</div>
			<div class="alertMessageContainer">
				<div class="sak-banner-info" id="call-results" role="alert">
					<span rsf:id="msg=welcome">Note: Changes to page ordering will not take effect until you click 'Save'. Deleting, Adding or Editing a Page is saved immediately</span>
				</div>
			</div>
			<form rsf:id="pages-form" class="order_action_form">
	 			<table id="page-list">
	  				<tr><td>
						<div class="tool_list">
							<div id="list-label">
								<strong rsf:id="msg=curr_pages">Current Pages</strong>
							</div>
							<ul id="reorder-list" class="list-group">
								<li rsf:id="page-row:" id="content:::page-row::" class="sortable_item list-group-item grab_cursor" tabindex="0">
									<div class="d-flex align-items-center">
										<div rsf:id="tool-icon"></div>
										<div class="ms-2 item_edit_box" style="display: none;">
											<div>
												<label rsf:id="page-name-label"for="page-name-input">Title</label>
												<input rsf:id="page-name-input" class="new_title" id="page-name-input"></input>
											</div>
											<div>
												<label rsf:id="page-config-label" for="page-config-input">URL</label>
												<input rsf:id="page-config-input" id="page-config-input" class="new_config" ></input>
												<a href="#" onclick="doBrowseLocalContent(this)" rsf:id="browse-link">Browse</a>
											</div>
											<a href="#" rsf:id="save-edit-link" onclick="doSaveEdit(this); return false;" title="Save Changes To This Page" alt="Save">
                                                <i class="bi bi-check-circle-fill"></i>
                                            </a>
											<a href="#" rsf:id="cancel-edit-link" onclick="doCancelEdit(this); return false;" title="Cancel Editing This Page" alt="Cancel">
                                                <i class="bi bi-x-circle-fill"></i>
                                            </a>
										</div>
										<div class="ms-2 me-auto item_label_box" rsf:id="page-name"></div>
										<div rsf:id="page-hidden-flag" class="item-hidden-flag me-1">
											<span class="si si-hidden" title="Page is hidden from normal users"></span>
										</div>
										<div rsf:id="page-locked-flag" class="item-locked-flag me-1">
											<span class="si si-locked" title="Page is disabled for normal users"></span>
										</div>
										<div class="item_control_box dropdown">
											<button type="button" class="btn icon-button dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
												<span class="si si-sakai-sitesetup"></span>
											</button>
											<ul class="dropdown-menu">
												<li class="dropdown-item">
													<a href="#"
															rsf:id="edit-link"
															class="item_control"
															title="Edit This Item"
															alt="Edit This Page"
															onclick="showEditPage(this); return false;">
														<span class="bi bi-pencil-fill"></span>
														<span rsf:id="msg=menu_edit_page_title">Edit Page Title</span>
													</a>
												</li>
												<li rsf:id="hide-li:" class="dropdown-item hide-li">
													<a href="#"
															rsf:id="hide-link"
															class="item_control hide_link"
															title="Hide This Page From Normal Users"
															alt="hide this page"
															onclick="doHidePage(this); return false;">
														<span class="si si-hidden"></span>
														<span rsf:id="msg=menu_hide_page">Make Page Invisible to Students</span>
													</a>
												</li>
												<li rsf:id="show-li:" class="dropdown-item show-li">
													<a href="#"
															rsf:id="show-link"
															class="item_control show_link"
															title="Show This Page To Normal Users"
															alt="show this page"
															onclick="doShowPage(this); return false;">
														<span class="bi bi-eye-fill"></span>
														<span rsf:id="msg=menu_show_page">Make Page Visible to Students</span>
													</a>
												</li>
												<li rsf:id="lock-li:" class="dropdown-item lock-li">
													<a href="#"
															rsf:id="disable-link"
															class="item_control disable_link"
															title="Disable This Page For Normal Users"
															alt="disable this page"
															onclick="doDisablePage(this); return false;">
														<span class="bi bi-lock-fill"></span>
														<span rsf:id="msg=menu_lock_page">Lock Access to this Page</span>
													</a>
												</li>
												<li rsf:id="unlock-li:" class="dropdown-item  unlock-li">
													<a href="#"
															rsf:id="enable-link"
															class="item_control enable_link"
															title="Enable This Page For Normal Users"
															alt="enable this page"
															onclick="doEnablePage(this); return false;">
														<span class="bi bi-hand-thumbs-up-fill"></span>
														<span rsf:id="msg=menu_enable_page">Enable Access to this Page</span>
													</a>
												</li>
												<li class="dropdown-item">
													<a href="#"
															rsf:id="del-link"
															class="item_control del-link"
															title="Remove This Page"
															alt="remove this page"
															onclick="doRemovePage(this); return false;">
														<span class="bi bi-trash-fill"></span>
														<span rsf:id="msg=menu_remove_page">Delete this Page</span>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</li>
							</ul>
							<div id="new-page-buffer" style="display: none;">Nothing at first</div>
						</div>
					</td></tr>
				</table>
				<input rsf:id="state-init" id="content:::state-init" type="hidden"/>
				<span id="del-message"><strong rsf:id="msg=del_message" class="d-none"/></span>
				<span id="exit-message"><strong rsf:id="msg=exit_message" class="d-none"/></span>
				<span id="reset-message"><strong rsf:id="msg=confirm_reset_message" class="d-none"/></span>
				<div class="alertMessageContainer">
					<div class="sak-banner-warn" id="call-results">
						<span rsf:id="msg=warning">Warning: Hiding tools does not prevent access to their items through links. If you want them inaccessible to students, you must configure them directly in the tool.</span>
					</div>
					<div class="sak-banner-warn">
						<span rsf:id="msg=warn_lockResources">Locking the Resources tool may prevent other tools from functioning correctly.</span>
					</div>
				</div>
				<p class="act">
					<input accesskey ="s" class="active" rsf:id="save" value="Save" type="submit" onclick="SPNR.disableControlsAndSpin( this, null ); serialize('reorder-list');"/>
					<input accesskey ="x" rsf:id="revert" value="Cancel" type="submit" onclick="SPNR.disableControlsAndSpin( this, null );"/>
					<input accesskey ="r" rsf:id="reset" value="Reset" type="submit" onclick="SPNR.disableControlsAndSpin( this, null ); return checkReset();"/>
					<input accesskey ="a" rsf:id="sort_alpha" value="Sort" type="button" onclick="return sortByTitle();"/>
				</p>					
			</form>
		</div>
	</div>

</body>
</html>
